<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
		@media (min-width: 800px) {
		
		    div span {
		        float: left;
		        text-align: center;
		     
		    }
		    div img {
		        margin: 0 auto;
		        padding: 10px;
		        border-radius: 50%;
		        box-shadow: 0 0 0 30px transparent;
		        background: rgba(255, 255, 255, 0.1);
		    }
			span{
				background-color: brown;
			}
		}
		
		
		@media (min-width: 520px) and (max-width: 798px) {
		
		    div span {
		     
		        float: left;
		        width: 50%;
		    }
			div {
			background-color: #7FFF00;
			}
		
		 	 div img {
		        border: 4px solid transparent;
				background-color: chartreuse;
		        border-radius: 50%;
		        font-size: 36px;
		        background: rgba(255, 255, 255, 0.1);
		    }
		
		}
		
		@media (max-width: 519px) {
		
		    div span {
		        float: left;
		        width:66%;
		        text-align: center;
				background-color: aquamarine;
		    }
		    div img {
		        margin: 0 auto;
		        padding: 10px;
		        border-radius: 50%;
		        box-shadow: 0 0 0 30px transparent;
		        background: rgba(255, 255, 255, 0.1);
		    }
		}
		

		</style>
	</head>
	<body>
		<div>
			<span class="b1">冉冉</span>
			<span class="b2">魏大冉</span>
			<span class="b3">大冉</span>
			<span class="b4">喜羊羊</span>
			<img src="img/1.png">
			<img src="img/lk_logo01.jpg">
			<img src="img/lk_logo02.jpg">
		</div>
	</body>
</html>
